<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
   
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
	<div class="container">
		
		<table class=" table table-bordered">
			<thead>
				<tr><td>编号</td>
					<td>姓名</td>
					<td>密码</td>
					<td>电话</td>
					<td>图像</td>
					
				</tr>
			</thead>
			<tbody id="usr"></tbody>
		</table>
	</div>
<script type="text/javascript">
	$.get("/jsonUser",function(data){
		var tb=$("#usr");
		$.each(data, function(i,ele) {
		 var tr=$("<tr></tr>").appendTo(tb);
		 $.each(ele,function(key,val){
		 	if(key=="img")
		 	tr.append("<td><img src='"+val+"' width='100' height='100' /></td>")
		 	else
		 	 tr.append("<td>"+val+"</td>");
		 });
		
			
		});
	});
</script>
</body>
</html>